<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <!-- 设置字符集和视口 -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 页面标题 -->
    <title>个人简历</title>
    <!-- 样式 -->
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
        }
        h1 {
            text-align: center;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 20px;
        }
        th, td {
            padding: 10px;
            border: 1px solid #ddd;
            text-align: left;
        }
    </style>
</head>
<body>

<!-- 页面标题 -->
<h1>个人简历</h1>

<!-- 个人信息表格 -->
<table>
    <tr>
        <th>项目</th>
        <th>详情</th>
    </tr>
    <tr>
        <td>姓名</td>
        <td><span id="name">王佳辉</span></td>
    </tr>
    <tr>
        <td>性别</td>
        <td><span id="sex">男</span></td>
    </tr>
    <tr>
        <td>出生年月</td>
        <td><span id="dob">2004年3月24日</span></td>
    </tr>
    <tr>
        <td>籍贯</td>
        <td><span id="birthplace">浙江省杭州市</span></td>
    </tr>
    <tr>
        <td>兴趣爱好</td>
        <td><span id="interests">打乒乓球</span></td>
    </tr>
    <tr>
        <td>住址</td>
        <td><span id="address">浙江省杭州市萧山区靖江街道光明村4组22户</span></td>
    </tr>
    <tr>
        <td>联系电话</td>
        <td><span id="phone">18205711338</span></td>
    </tr>
    <tr>
        <td>学校</td>
        <td><span id="school">吉首大学张家界小区</span></td>
    </tr>
    <tr>
        <td>专业</td>
        <td><span id="major">计算机科学与工程学院</span></td>
    </tr>
    <tr>
        <td>专业排名</td>
        <td><span id="ranking">3</span></td>
    </tr>
    <tr>
        <td>奖励情况</td>
        <td><span id="achievements">二等奖学金</span></td>
    </tr>
    <tr>
        <td>技能名称</td>
        <td><span id="skillName">软件工程</span></td>
    </tr>
    <tr>
        <td>掌握程度</td>
        <td><span id="skillLevel">高级</span></td>
    </tr>
    <tr>
        <td>自我评价</td>
        <td><span id="selfEvaluation">第一棒</span></td>
    </tr>
    <tr>
        <td>图片</td>
        <td><img src="image.jpg" alt="个人照片"></td>
    </tr>
    <tr>
        <td>视频</td>
        <td><video controls><source src="video.mp4" type="video/mp4"></video></td>
    </tr>
    <tr>
        <td>音频</td>
        <td><audio controls><source src="audio.mp3" type="audio/mpeg"></audio></td>
    </tr>
    <tr>
        <td>链接</td>
        <td><a href="https://www.example.com">示例链接</a></td>
    </tr>
    <tr>
        <td>嵌入网页</td>
        <td><iframe src="https://www.example.com" width="600" height="400"></iframe></td>
    </tr>
</table>

</body>
</html>
